<!DOCTYPE html>
<html lang="zh-cn">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Quick Start - Bunny-ui</title>
    <!-- bunny-ui 核心文件 -->
    <link href="/assets/dist/iconfont/iconfont.css" rel="stylesheet" />
    <script src="/assets/dist/bunny.js"></script>
</head>

<body>
    <div style="width: 400px;max-width: 100%;">
        <form action="" class="bny-form">
            <div class="bny-form-pane">
                <label>多选框</label>
                <label for="bnyInput11" class="bny-checkbox">
                    <input type="checkbox" name="sex" id="bnyInput11">
                    <span>选项一</span>
                </label>
                <label for="bnyInput12" class="bny-checkbox">
                    <input type="checkbox" checked name="sex" id="bnyInput12">
                    <span>选项二</span>
                </label>
            </div>
            <div class="bny-form-pane">
                <label>开关</label>
                <label for="bnyInput14" class="bny-switch">
                    <input type="checkbox" id="bnyInput14">
                    <span class="bny-switch-slider"></span>
                </label>
                <label for="bnyInput15" class="bny-switch">
                    <input type="checkbox" id="bnyInput15">
                    <span class="bny-switch-slider">
                        <span>开启</span>
                        <span>关闭</span>
                    </span>
                </label>
                <label for="bnyInput16" class="bny-switch">
                    <input type="checkbox" checked id="bnyInput16">
                    <span class="bny-switch-slider">
                        <span class="icon icon-yueliang"></span>
                        <span class="icon icon-taiyang"></span>
                    </span>
                </label>
            </div>
        </form>
    </div>
</body>

</html>